<!DOCTYPE html>
<html>
  <head>
    <title>menudemo.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
	<!-- <link rel="stylesheet" type="text/css" href="css/self/menudemo.css"> -->
	<link rel="stylesheet" type="text/css" href="css/self/menudemo-self.css">
	<link rel="stylesheet" type="text/css" href="javascript/lib/Flexigrid-master/css/flexigrid.pack.css">
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<!-- 	<script type="text/javascript" src="javascript/lib/jquery-1.9.1/jquery-1.9.1.min.js"></script> -->
	<script type="text/javascript" src="javascript/lib/Flexigrid-master/js/flexigrid.pack.js"></script>
	<script type="text/javascript" src="javascript/lib/plusin/modernizr-1.7.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#reportdetail").flexigrid({
				url : 'jsonstore/report.json',
				dataType : 'json',
				colModel : [
					{display: '序号', name : 'id', width : 40, sortable : true, align: 'center'},
					{display: '名称', name : 'name', width : 180, sortable : true, align: 'left'},
					{display: '取票时间', name : 'printable_name', width : 120, sortable : true, align: 'left'},
					{display: '办理柜员', name : 'numcode', width : 130, sortable : true, align: 'left', hide: false},
				],
				searchitems : [
					{display: '序号', name : 'id'},
					{display: '名称', name : 'name', isdefault: true}
				],
				sortname : "id",
				sortorder : "asc",
				usepager : true,
				title : '明细报表',
				useRp : true,
				rp : 100,
				showTableToggleBtn : true,
				width : 900,
				height : 300
			});
		})
	</script>
  </head>
  
  <body>
	  <div id="header_warp">
		<div class="header-box">
		  <div class="logo">
		    <h1><a href="" title="平安力合智能营业厅管理系统（2013）">平安力合智能营业厅管理系统（新版）</a></h1>
		  </div>
		  <ul class="header-nav">
		  	<li><a href="" class="nav-link" title="平安力合智能营业厅管理系统（旧版）">返回旧版</a></li>
		    <li><a href="" class="nav-link">报表管理</a></li>
		    <li><a href="" class="nav-link">监控管理</a></li>
		    <li><a href="" class="nav-link">配置管理</a></li>
		    <li><a href="" class="nav-link chrome_app">系统管理</a></li>
		  </ul>
		  <input type="search" placeholder="搜索" autosave="searchdoc" results="10" id="search-field" autocomplete="off">
		</div>
		<div id="searchList" style="display:none"></div>
	  </div>
	  <div class="report">
		  <div class="report-left">
			  <div id="report-list">
			  	<ul>
			  		<div class="title">明细报表</div>
			  		<li>当前等待明细</li>
			  		<li>正在办理明细</li>
			  		<li>当前业务明细</li>
			  	</ul>
			  	<ul>
			  		<div class="title">统计报表</div>
			  		<li>服务综合统计</li>
			  		<li>满意度统计</li>
			  		<li>有效等候统计</li>
			  		<li>有效服务统计</li>
			  		<li>客户流量统计</li>
			  		<li>客户服务时长</li>
			  	</ul>
			  </div>
		  </div>
		  <div class="report-right">
			  <div id="toolbars">
				
			  </div>
			  <div id="reportdetail"></div>
		  </div>
	  </div>
	  <a href="#" class="go_to_top" style="display: block; ">回到顶部</a>
	  <div id="footer_warp">
	  	<div class="footer-box">
	  		<div id="osmsg"><a href="http://www.p-an.com" alt="平安力合官方网站">联系我们：北京平安力合科技发展股份有限责任公司 @www.p-an.com</a></div>
	  	</div>
	  </div>
  </body>
</html>
